<template>
  <div class="form-approve-component-wrapper">
    <div class="form-approve-left">
      <div class="default-form-detail-header" v-show="isNotEmpty(instance.slots.header)">
        <slot name="header"></slot>
      </div>

      <div class="default-form-detail-body" v-show="isNotEmpty(instance.slots.body)">
        <div class="default-form-detail-content">
          <slot name="body"></slot>
        </div>
      </div>
    </div>

    <div class="form-approve-right" v-show="isNotEmpty(instance.slots.right)">
      <slot name="right"></slot>
    </div>
  </div>
  <FlowModelWithHistory ref="refFlowModelWithHistory"/>
</template>
<script setup>
import './style.css';
import {getCurrentInstance, shallowRef} from 'vue';
import {isNotEmpty} from '@/utils/CommonUtils';
import FlowModelWithHistory from '@/components/platwork/FlowModelWithHistory';

const instance = getCurrentInstance();
const global = instance.appContext.config.globalProperties;

</script>
